.task-my-issue-details {
    display: flex;
}

.details-group-container, .details-dept-container {
    background: rgba(235, 235, 235, 0.534);
    margin: 10px 0; 
    border-radius: 5px;
    padding: 10px 0;
    display: inline-block;
    height: 300px;
    width: 12rem; 
    margin-right: 1rem;
    overflow: hidden;
}

.details-stu-container {
    margin: 10px 0; 
    flex: 1;
}

.details-group,
.details-dept,
.details-stu {
    text-indent: 1rem;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
    padding: 10px 0;
}

.details-stu {
    background: rgb(250, 250, 250);
    border-radius: 5px;
    margin: 3px;
}

.details-group:hover,
.details-dept:hover,
.details-stu:hover {
    background: rgb(253, 253, 253);
}

.task-my-issue-details-guide {
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.3s;
    width: 5px;
    height: 100%;
}

.xitem-name,
.xitem-status {
    display: inline-block;
}

.xitem-status {
    float: right;
    margin-right: 30px;
    border-radius: 5px;
    border: rgba(0, 0, 0, 1);
}